<template>
  <div>
    <h2>{{nickname}}</h2>
  <button @click="update()"> 修改</button>
    <hr>
  </div>
</template>

<script>
export default{
    computed:{
        nickname(){
            return this.$store.state.nickname
        }
       
    },
    methods:{
        update() {
            this.$store.commit('setNickname',"ace")
        },
    }
}; 

</script>
<style>
</style>